<template>
  <div style="display: inline-block; margin: 10px 10px;">
    <el-card class="box-card">
      <div style="padding: 20px 0px;float: right;"><img src="../../assets/img-1600x900.png" style="width:360px;"></div>
      <div style="padding: 10px 0px;text-align: left;">
        <p>
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
          text text text text text text text text text text text text text text text text text 
        </p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
  /deep/.el-card__header{ padding: 10px 20px;}
  /deep/.el-card__body{ padding: 10px 20px;}
  .el-card{ width:840px;height: 300px; border-radius:20px; }
  
</style>
